<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>郭博闻的网页</title>
        <meta name="keywords" content="测试 作业 web开发">
        <meta name="author" content="郭博闻">
        <style type="text/css">
            h2 {color: aqua;}
            p {color: blueviolet;}
            body {background-color:pink;}
        </style>
    </head>
    <body>
        <div>
            <!--这是一个注释，测试用-->
            <h1>这是第一个标题</h1>
            <p title="测试用，鼠标悬停">这是第一个标题-
            <b>里第一段落的内容</b></p>
            <hr>
            <p>这是<br>第一个标题里<br>第二段落的内容</p>
            <h2>这是第二个标题</h2>
            <p>这是第二个<del>阿八八八</del><ins>八八八</ins>标题里面的<b>第一个段落的内容</b></p>
            <hr>
            <p style="color: brown; margin-left: 20px;">这是第二个标题里面的第二个段落的内容</p>
            <p>我最喜欢的书是<cite>红楼梦</cite>。</p>
            <a href="https://www.bilibili.com/" style="color: brown; text-decoration:none;" title="打开bilibili" target="_blank" rel="noopener">（新窗口打开）这是我放置的b站的链接</a>
        </div><!--第一天测试-->

        <div style="color: yellow;">
            <h3>这是第三个标题</h3>
            <p>这是第三个标题中的文本<b>段落</b><em>和尝试</em></p>
        </div>
    </body>
</html>